<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<link rel="stylesheet" type="text/css" href="css/animate.css" />
		<link rel="stylesheet" type="text/css" href="css/body.css" />
		<link rel="stylesheet" href="css/jquery.fullPage.css">
		<link rel="stylesheet" type="text/css" href="font/iconfont.css" />
		<!--轮播css-->
		<link rel="stylesheet" type="text/css" href="css/lunbo.css" />
		<!--<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<script src="js/bootstrap.min.js"></script>-->
		<script src="js/jquery-3.4.1.min.js"></script>
		<script src="js/jquery.SuperSlide.2.1.3.js"></script>
		<!--整屏幕下拉效果-->
		<script src="js/jquery.fullPage.min.js"></script>
		<script>
			$(function() {
				$('#dowebok').fullpage({});
			});
			$(function() {
				$('#dowebok').fullpage({
					'navigation': true,
					scrollingSpeed: 500,
				});
				jQuery(".slideBox").slide({
					mainCell: ".bd ul",
					autoPlay: true,
					mouseOverStop: true,
					delayTime: 1000
				});
				jQuery(".slideBox1").slide({
					mainCell: ".bd ul",
					autoPlay: true,
					mouseOverStop: true,
					delayTime: 1000
				});
				jQuery(".slideBox2").slide({
					mainCell: ".bd ul",
					autoPlay: true,
					mouseOverStop: true,
					delayTime: 1000
				});
			});
//			$(document).ready(function() {
//				$(".jiejue-lunbo-box1").hover(function() {
//					$(".jiejue-lunbo-box1-bottom").fadeIn(3000);
//				});
//			});
		</script>

	</head>

	<body>
		<!--翻页包裹层-->
		<div id="dowebok">
			<!--banner轮播-->
			<div class="section">
				<div class="banner">
					<div class="container-fluid">
						<div class="row">
							<div class="col-xs-12 col-md-12 col-lg-12">
								<div class="container-fluid-body">
									<div class="banner-top">
										<div class="banner-top-bg">
											<div class="banner-top-bg-left">
												<img src="img/logo.png" />
											</div>
											<ul>
												<li>首页</li>
												<li>应用汇聚</li>
												<li>数据中心</li>
												<li>系统汇聚</li>
												<li>解决方案</li>
											</ul>
											<div class="banner-top-bg-right">
												<a href="#">免费注册</a>
												<a href="#" style="background: none;border-left: 1px solid white;">登陆</a>
												<a href="#" style="background: none;">购物车</a>
												<img src="img/购物车.png" />
											</div>
											<div class="clear"></div>
										</div>
									</div>
									<div id="slideBox" class="slideBox" style="height: calc(100vh- 60px);">
										<div class="hd">
											<ul>
												<li></li>
												<li></li>
												<li></li>
												<li></li>
												<li></li>
											</ul>
										</div>
										<div class="bd" style="height: calc(100vh - 60px);">
											<ul>
												<li>
													<div class="bd-li-text">
														<h1>应用汇聚 API服务上线1</h1>
														<span>我们拥有非常成熟的技术解决方案，为您提供优质的应用产品服务！</span>
														<br /><button>立即查看</button>
													</div>
													<img src="img/banner01.png" />

												</li>
												<li>
													<div class="bd-li-text">
														<h1>应用汇聚 API服务上线2</h1>
														<span>我们拥有非常成熟的技术解决方案，为您提供优质的应用产品服务！</span>
														<br /><button>立即查看</button>
													</div>
													<img src="img/banner01.png" />
												</li>
												<li>
													<div class="bd-li-text">
														<h1>应用汇聚 API服务上线3</h1>
														<span>我们拥有非常成熟的技术解决方案，为您提供优质的应用产品服务！</span>
														<br /><button>立即查看</button>
													</div>
													<img src="img/banner01.png" />
												</li>
												<li>
													<div class="bd-li-text">
														<h1>应用汇聚 API服务上线4</h1>
														<span>我们拥有非常成熟的技术解决方案，为您提供优质的应用产品服务！</span>
														<br /><button>立即查看</button>
													</div>
													<img src="img/banner01.png" />
												</li>
												<li>
													<div class="bd-li-text">
														<h1>应用汇聚 API服务上线5</h1>
														<span>我们拥有非常成熟的技术解决方案，为您提供优质的应用产品服务！</span>
														<br /><button>立即查看</button>
													</div>
													<img src="img/banner01.png" />
												</li>
											</ul>
										</div>

										<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
										<a class="prev" href="javascript:void(0)"><i class="iconfont iconxiangzuo"></i></a>
										<a class="next" href="javascript:void(0)"><i class="iconfont iconxiangyou"></i></a>

									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--应用汇聚-->
			<div class="section">
				<div class="yingyong">
					<div class="container-fluid">
						<div class="row">
							<div class="col-xs-12 col-md-12 col-lg-12">
								<div class="container-fluid-haed">
									<h2>应用汇聚</h2>
								</div>
								<div class="container-fluid-body">
									<div class="yingyong-box">
										<div class="yingyong-box1">
											<img src="img/app-duanxin.png" />
											<br><span>短信服务</span>
										</div>
										<div class="yingyong-box1">
											<img src="img/app-zhufu.png" />
											<br><span>支付服务</span>
										</div>
										<div class="yingyong-box1" style="margin-right: 0;">
											<img src="img/app_rumima.png" />
											<br><span>弱密码校验服务</span>
										</div>
										<div class="yingyong-box1">
											<img src="img/app_dengluyanzheng.png" />
											<br><span>登陆验证码服务</span>
										</div>
										<div class="yingyong-box1">
											<img src="img/app_yingyongdneglu.png" />
											<br><span>用户登录服务</span>
										</div>
										<div class="yingyong-box1" style="margin-right: 0;">
											<img src="img/app_jiami.png" />
											<br><span>加密/解密服务</span>
										</div>
										<div class="clear"></div>
										<div class="yingyong-box2">
											<span>更多应用</span>
											<img src="img/more.png" style="vertical-align: middle;" />
										</div>
									</div>
									<img src="img/banner02.png" / class="bg-img">
								</div>

							</div>
						</div>
					</div>
				</div>
			</div>
			<!--数据中心-->
			<div class="section">
				<div class="suju">
					<div class="container-fluid">
						<div class="row">
							<div class="col-xs-12 col-md-12 col-lg-12">
								<div class="container-fluid-haed">
									<h2>数据中心</h2>
								</div>
								<div class="container-fluid-body" style="height: 80vh;">
									<div class="suju-box">
										<h2>应用汇聚平台数据中心，涵盖行业的数据共享、数据分析......</h2>
										<div class="suju-box-bottom">
											<div class="suju-box1">
												<div class="suju-box1-img">
													<img src="img/shuju-nongye.png" />
													<div class="box1-img-hover">
														<img src="img/shuju-nongye-hover.png" />
													</div>
												</div>
												<span>农业</span>
											</div>
											<div class="suju-box1">
												<div class="suju-box1-img">
													<img src="img/shuju-yuanning.png" />
													<div class="box1-img-hover">
														<img src="img/shuju-yuanning-hover.png" />
													</div>
												</div>
												<span>园林</span>
											</div>
											<div class="suju-box1">
												<div class="suju-box1-img">
													<img src="img/shuju-yuanqu.png" />
													<div class="box1-img-hover">
														<img src="img/shuju-yuanqu-hover.png" />
													</div>
												</div>
												<span>园区</span>
											</div>
											<div class="suju-box1">
												<div class="suju-box1-img">
													<img src="img/shuju-jiaoyu.png" />
													<div class="box1-img-hover">
														<img src="img/shuju-jiaoyu-hover.png" />
													</div>
												</div>
												<span>教育</span>
											</div>
											<div class="suju-box1" style="margin-right: 0;">
												<div class="suju-box1-img">
													<img src="img/shuju-qita.png" />
													<div class="box1-img-hover">
														<img src="img/shuju-qita-hover.png" />
													</div>
												</div>
												<span>其他</span>
											</div>
										</div>
									</div>
									<img src="img/banner03.png" / class="bg-img" style="height: 75vh;">
								</div>

							</div>
						</div>
					</div>
				</div>
			</div>
			<!--系统汇聚-->
			<div class="section">
				<div class="xitong">
					<div class="container-fluid">
						<div class="row">
							<div class="col-xs-12 col-md-12 col-lg-12">
								<div class="container-fluid-haed">
									<h2>系统汇聚</h2>
								</div>
								<div class="container-fluid-body">
									<div class="xitong-box">
										<div class="xitong-box-head">
											文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明！
										</div>
										<div class="xitong-box-banner">
											<div id="slideBox1" class="slideBox1">
												<div class="bd">
													<ul>
														<li>
															<div class="xitong-box-lunbo">
																<div class="secbn-div">
																	<img src="img/xitong-huanbao.png" alt="">
																	<br><span>环保平台</span>
																</div>
																<div class="secbn-div" style="margin-right: 0;">
																	<img src="img/xitong-shuangcuang.png" alt="">
																	<br><span>双创平台</span>
																</div>
																<div class="secbn-div">
																	<img src="img/xitong-nongye.png" alt="">
																	<br><span>现代农业平台</span>
																</div>
																<div class="secbn-div" style="margin-right: 0;">
																	<img src="img/xitong-luhua.png" alt="">
																	<br><span>园林绿化精细化管理</span>
																</div>
																<div class="clear"></div>
															</div>
														</li>
														<li>
															<div class="xitong-box-lunbo">
																<div class="secbn-div">
																	<img src="img/xitong-nongye.png" alt="">
																	<br><span>现代农业平台</span>
																</div>
																<div class="secbn-div" style="margin-right: 0;">
																	<img src="img/xitong-luhua.png" alt="">
																	<br><span>园林绿化精细化管理</span>
																</div>
																<div class="secbn-div">
																	<img src="img/xitong-huanbao.png" alt="">
																	<br><span>环保平台</span>
																</div>
																<div class="secbn-div" style="margin-right: 0;">
																	<img src="img/xitong-shuangcuang.png" alt="">
																	<br><span>双创平台</span>
																</div>
															</div>
														</li>
													</ul>
												</div>
												<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
												<a class="prev" href="javascript:void(0)">
													<img src="img/向左－箭头－默认.png" />
													<img src="img/向左－箭头－点击.png" class="slideBox1-a-img"/>
												</a>
												<a class="next" href="javascript:void(0)">
													<img src="img/向右－箭头－默认.png" />
													<img src="img/向右－箭头－点击.png" class="slideBox1-a-img"/>
												</a>
											</div>
										</div>
									</div>
									<img src="img/banner04.png" / class="bg-img">
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--解决方案-->
			<div class="section">
				<div class="jiejue">
					<div class="container-fluid">
						<div class="row">
							<div class="col-xs-12 col-md-12 col-lg-12">
								<div class="container-fluid-haed">
									<h2>解决方案</h2>
								</div>
								<div class="container-fluid-body">
									<div class="jiejue-box">
										<div class="jiejue-box-top">
											<div id="slideBox2" class="slideBox2">
												<div class="bd" style="height: 100%;">
													<ul style="height: 100%;">
														<li style="height: 100%;">
															<div class="jiejue-lunbo-box">
																<div class="jiejue-lunbo-box1">
																	<div class="jiejue-lunbo-box1-top">
																		<img src="img/s-xczx.png" /><br />
																		<span>乡村振兴</span>
																	</div>
																	<div class="jiejue-lunbo-box1-bottom">
																		<img src="img/s-xczx.png" /><br />
																		<h1>乡村振兴</h1>
																		<span>乡村振兴简要乡村振兴简要乡村振兴简要乡村振兴简要</span><br />
																		<button>查看详情</button>
																	</div>
																	<img class="jiejue-lunbo-box1-img" src="img/xczx.png" />
																</div>
																<div class="jiejue-lunbo-box1">
																	<div class="jiejue-lunbo-box1-top">
																		<img src="img/s-cyhlw.png" /><br />
																		<span>产业互联网</span>
																	</div>
																	<div class="jiejue-lunbo-box1-bottom">
																		<img src="img/s-xczx.png" /><br />
																		<h1>产业互联网</h1>
																		<span>乡村振兴简要乡村振兴简要乡村振兴简要乡村振兴简要</span><br />
																		<button>查看详情</button>
																	</div>
																	<img class="jiejue-lunbo-box1-img" src="img/cyhlw.png" />
																</div>
																<div class="jiejue-lunbo-box1">
																	<div class="jiejue-lunbo-box1-top">
																		<img src="img/s-jkyl.png" /><br />
																		<span>健康医疗</span>
																	</div>
																	<div class="jiejue-lunbo-box1-bottom">
																		<img src="img/s-jkyl.png" /><br />
																		<h1>健康医疗</h1>
																		<span>乡村振兴简要乡村振兴简要乡村振兴简要乡村振兴简要</span><br />
																		<button>查看详情</button>
																	</div>
																	<img class="jiejue-lunbo-box1-img" src="img/jkyn.png" />
																</div>
																<div class="jiejue-lunbo-box1">
																	<div class="jiejue-lunbo-box1-top">
																		<img src="img/s-zhzl.png" /><br />
																		<span>智慧治理</span>
																	</div>
																	<div class="jiejue-lunbo-box1-bottom">
																		<img src="img/s-zhzl.png" /><br />
																		<h1>智慧治理</h1>
																		<span>乡村振兴简要乡村振兴简要乡村振兴简要乡村振兴简要</span><br />
																		<button>查看详情</button>
																	</div>
																	<img class="jiejue-lunbo-box1-img" src="img/zhzl.png" />
																</div>
																<div class="jiejue-lunbo-box1">
																	<div class="jiejue-lunbo-box1-top">
																		<img src="img/s-qt.png" /><br />
																		<span>其他</span>
																	</div>
																	<div class="jiejue-lunbo-box1-bottom">
																		<img src="img/s-qt.png" /><br />
																		<h1>其他</h1>
																		<span>乡村振兴简要乡村振兴简要乡村振兴简要乡村振兴简要</span><br />
																		<button>查看详情</button>
																	</div>
																	<img class="jiejue-lunbo-box1-img" src="img/qt.png" />
																</div>
															</div>
														</li>
														<li style="height: 100%;">
															<div class="jiejue-lunbo-box">
																<div class="jiejue-lunbo-box1">
																	<div class="jiejue-lunbo-box1-top">
																		<img src="img/s-qt.png" /><br />
																		<span>其他</span>
																	</div>
																	<div class="jiejue-lunbo-box1-bottom">
																		<img src="img/s-qt.png" /><br />
																		<h1>其他</h1>
																		<span>乡村振兴简要乡村振兴简要乡村振兴简要乡村振兴简要</span><br />
																		<button>查看详情</button>
																	</div>
																	<img class="jiejue-lunbo-box1-img" src="img/qt.png" />
																</div>
																<div class="jiejue-lunbo-box1">
																	<div class="jiejue-lunbo-box1-top">
																		<img src="img/s-xczx.png" /><br />
																		<span>乡村振兴</span>
																	</div>
																	<div class="jiejue-lunbo-box1-bottom">
																		<img src="img/s-xczx.png" /><br />
																		<h1>乡村振兴</h1>
																		<span>乡村振兴简要乡村振兴简要乡村振兴简要乡村振兴简要</span><br />
																		<button>查看详情</button>
																	</div>
																	<img class="jiejue-lunbo-box1-img" src="img/xczx.png" />
																</div>
																<div class="jiejue-lunbo-box1">
																	<div class="jiejue-lunbo-box1-top">
																		<img src="img/s-cyhlw.png" /><br />
																		<span>产业互联网</span>
																	</div>
																	<div class="jiejue-lunbo-box1-bottom">
																		<img src="img/s-xczx.png" /><br />
																		<h1>产业互联网</h1>
																		<span>乡村振兴简要乡村振兴简要乡村振兴简要乡村振兴简要</span><br />
																		<button>查看详情</button>
																	</div>
																	<img class="jiejue-lunbo-box1-img" src="img/cyhlw.png" />
																</div>
																<div class="jiejue-lunbo-box1">
																	<div class="jiejue-lunbo-box1-top">
																		<img src="img/s-jkyl.png" /><br />
																		<span>健康医疗</span>
																	</div>
																	<div class="jiejue-lunbo-box1-bottom">
																		<img src="img/s-jkyl.png" /><br />
																		<h1>健康医疗</h1>
																		<span>乡村振兴简要乡村振兴简要乡村振兴简要乡村振兴简要</span><br />
																		<button>查看详情</button>
																	</div>
																	<img class="jiejue-lunbo-box1-img" src="img/jkyn.png" />
																</div>
																<div class="jiejue-lunbo-box1">
																	<div class="jiejue-lunbo-box1-top">
																		<img src="img/s-zhzl.png" /><br />
																		<span>智慧治理</span>
																	</div>
																	<div class="jiejue-lunbo-box1-bottom">
																		<img src="img/s-zhzl.png" /><br />
																		<h1>智慧治理</h1>
																		<span>乡村振兴简要乡村振兴简要乡村振兴简要乡村振兴简要</span><br />
																		<button>查看详情</button>
																	</div>
																	<img class="jiejue-lunbo-box1-img" src="img/zhzl.png" />
																</div>

															</div>
														</li>
													</ul>
												</div>
												<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
												<a class="prev" href="javascript:void(0)"><i class="iconfont iconxiangzuo"></i></a>
												<a class="next" href="javascript:void(0)"><i class="iconfont iconxiangyou"></i></a>
											</div>
										</div>
										<div class="jiejue-box-mid">
											<div class="" style="width: 80%;margin: 0 auto;">
												<div class="jiejue-mid-text">
													<h4>快速入口</h4><br />
													<span>账户中心</span><br />
													<span>管理平台</span><br />
												</div>
												<div class="jiejue-mid-text">
													<h4>开发资源</h4><br />
													<span>API下载</span><br />
													<span>文档中心</span><br />
													<span>SDK下载</span><br />
													<span>QQ支撑群</span><br />
												</div>
												<div class="jiejue-mid-text">
													<h4>常见问题</h4><br />
													<span>账号登录	</span><br />
													<span>接口调用</span><br />
													<span>短信服务</span><br />
													<span>商用咨询</span><br />
													<span>技术解答</span><br />
												</div>
												<div class="jiejue-mid-text">
													<img src="img/kefu.png" /><br>
													<h3>客服支持热线</h3>
													<h2>10000-9</h2>
												</div>
												<div class="jiejue-mid-text">
													<h4>关注应用汇聚</h4><br />
													<img src="img/小数媒.jpg" style="width: 50%;" />
												</div>
											</div>
										</div>
										<div class="jiejue-box-bottom">
											<span>版权所有© 2017-2019 中国电信成都分公司</span>
										</div>
									</div>
									<!--<img src="img/banner04.png" / class="bg-img">-->
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>